<html>
<head>
<link rel="stylesheet" type="text/css" href="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.css" media="all" />
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'>
</script> 
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/jquery.validationEngine.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/widget.js"></script>
<title>Floating Facebook LikeBox Widget Generator by RN Hckr</title>
<style type="text/css">
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #F9780E;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #dfdfdf;
	-moz-box-shadow: 1px 1px 1px #dfdfdf;
	box-shadow: 1px 1px 1px #dfdfdf;
	font-size: 14px;
	color: #666;
	max-width:auto;
}
			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;}
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#F9EAD4;
border:2px solid #F9780E;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F9780E;font-size:16px;color:#000;border:1px solid #111;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
		</style>
<script type='text/javascript'>
//<!--
function makingdifferent_widget2012gen(){
var mdnitFurl=document.getElementsByName("mdfurl")[0].value;
var mdFurl=mdnitFurl.replace(/\s/gi,"");
var mdEFurl=encodeURIComponent(mdFurl);
document.getElementsByName("go")[0].disabled=false
document.getElementsByName("Preview")[0].disabled=false
var backcolor=document.getElementsByName("mdbgc")[0].value;
var bdgcolor=document.getElementsByName("mdbdgc")[0].value;
var widwidth=document.getElementsByName("mdwidth")[0].value;
var widget=document.getElementsByName("widget.content")[0];
widget.value = "<style>";
widget.value += ".MD-widget2012 {";
widget.value += "background-color: #"+ bdgcolor +";";
widget.value += "-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;";
widget.value += "bottom:-6px;position:fixed;right:0;z-index:3;}";
widget.value += "* html .MD-widget2012 { \/*\*\/position: absolute; left: auto; bottom: auto;left: expression( ( -1 - fbpromo_makingdifferent.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( (-1 - fbpromo_makingdifferent.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );\/**\/ }";
widget.value += ".flt{float:left;}";
widget.value += ".MD-widget2012 span a{color: #808080;text-decoration:none;}";
widget.value += ".MD-widget2012 span a:hover{text-decoration:underline;}";
widget.value += ".MD-widget2012 span{bottom: 12px;font: 8px \"lucida grande\",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}";
widget.value += "<\/style>";
widget.value += "<script type=\"text\/javascript\">";
widget.value += "function fn_sliderpromo() { if (document.getElementById(\"fbpromo_makingdifferent\") != null && !fnGetCookie('FBPROMOMOVIES')) { showfbpromo(); } }";
widget.value += "YAHOO.util.Event.onContentReady(\"ft\", fn_sliderpromo, \"\");";
widget.value += "function clearfbpromo() {";
widget.value += "    if (document.getElementById(\"fbpromo_makingdifferent\") != null) {    document.getElementById(\"fbpromo_makingdifferent\").innerHTML = \"<a href='javascript:void(0);' onclick='showfbpromo();'><img alt='' class='flt' src='http:\/\/3.bp.blogspot.com\/-GDatnHZcBMg\/T6z-1HVnfJI\/AAAAAAAADJA\/sSR-81_ivk0\/s1600\/vertical-right.png'\/><\/a>\";";
widget.value += "}}";
widget.value += "function showfbpromo() {";
widget.value += " if (document.getElementById(\"fbpromo_makingdifferent\") != null)";
widget.value += "document.getElementById(\"fbpromo_makingdifferent\").innerHTML = \"<div style='width:"+ widwidth +"px;padding:8px 0px;background-color:#3B5998;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like Us and get Updates<\/div><\/div><iframe src='http:\/\/www.facebook.com\/plugins\/likebox.php?href="+mdEFurl+"&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;' scrolling='no' frameborder='0' style='border:none;overflow:hidden; width:"+ widwidth +"px; height:265px;background:#"+ backcolor +";'><\/iframe><span>By <a href='http:\/\/www.rnhckr.com\/'>RN Hckr<\/a> \/ <a href='http://www.rnhckr.com'>+Get This!<\/a><\/span><a href='javascript:void(0)' onclick='clearfbpromo();'><div id='fbpclose' style='position:absolute;left:0px;top:0px;margin-left:-18px;margin-top:-18px;'><img src='http:\/\/1.bp.blogspot.com\/-zHvDxX38DGE\/T6z_NdL2kWI\/AAAAAAAADJI\/aJHuVUIlhKI\/s1600\/%5Bwww.gj37765.blogspot.com%5DcloseButton.png' \/><\/div><\/a>\";}<\/script>";
widget.value += "<div class=\"MD-widget2012\" id=\"fbpromo_makingdifferent\"><a href=\"javascript:void(0);\" onclick=\"showfbpromo();\"><img alt=\"\" class=\"flt\" src=\"http:\/\/3.bp.blogspot.com\/-GDatnHZcBMg\/T6z-1HVnfJI\/AAAAAAAADJA\/sSR-81_ivk0\/s1600\/vertical-right.png\"\/><\/a><\/div>";
}
//-->
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Floating Facebook LikeBox Widget Generator by RN Hckr</h2>
<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend>
<center>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<table width="100%">
<tr>
<td width='60%'><label for='mdfurl'>Facebook Fan Page URL</label> :</td>
<td width='40%'><input class='text-input' type='text' name='mdfurl' value='https://www.facebook.com/RNHckrDotCom' size='25'></td>
</tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdbgc'>Likebox Background Color : </label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' name='mdbgc' value='F5EBF5' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdbdgc'>FB Badge Color :  </label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' name='mdbdgc' value='3B5998' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdwidth'>Likebox Width :  </label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' name='mdwidth' value='280' size='6'>px</td>
</tr>
</table>
<table>
<tr>
<td width='100%'><br>
<div style="text-align: center;">
<u><span style="font-size: large;"><b>&nbsp;Preview</b></span></u></div>
<div style="text-align: center;">
<b>Click On "<span style="font-size: small;">Preview</span>"&nbsp; Button Below</b></div>
<iframe allowtransparency="true" frameborder="0" height="1300px" scrolling="no" src="about:blank" name="preview" style="
box-shadow: 5px 5px 5px #CCCCCC; height:340px;width:400px;border:solid 1px #F9EAD4;padding:5px; background:#F9EAD4" frameborder="0"></td></tr>
</iframe>
</table>
</fieldset><br>
<center><input style="width:175px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:makingdifferent_widget2012gen();" type="button">
<input disabled="disabled" name="Preview" value=" Preview"style="font-size: 22px; width: 175px;" type="button"  onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus();"/>
<input style="width:175px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://gj37765.blogspot.com" type="hidden"><input name="logoUrl" value="http://1.bp.blogspot.com/-F3E_NLszdVw/Tww_IEoQz7I/AAAAAAAACUQ/RnnmPBjcNXg/s1600/1326202408.jpg" type="hidden"></form></center>
<br><br>
<center><small> Copyright &copy; 2012 All Rights Reserved by RN Hckr @ <a href='http://www.rnhckr.com/'>RN Hckr</a></small></center>
</div>
</body>
</html>